<turbo-frame id="pagination" target="_top" data-turbo="false">
  <%= render "shared/pagination",
             :newer_id => @newer_comments_id,
             :older_id => @older_comments_id %>

  <table class="table table-striped" width="100%">
    <thead>
      <tr>
        <th width="25%"><%= t ".changeset" %></th>
        <th width="25%"><%= t ".when" %></th>
        <th width="50%"><%= t ".comment" %></th>
      </tr>
    </thead>
    <% @comments.each do |comment| -%>
    <tr>
      <td width="25%" class="<%= "text-muted" unless comment.visible? %>"><%= link_to comment.changeset.id, changeset_path(comment.changeset) %></td>
      <td width="25%" class="<%= "text-muted" unless comment.visible? %>"><span title="<%= l comment.created_at, :format => :friendly %>"><%= time_ago_in_words(comment.created_at, :scope => :"datetime.distance_in_words_ago") %></span></td>
      <td width="50%" class="richtext text-break<%= " text-muted" unless comment.visible? %>"><%= comment.body.to_html %></td>
    </tr>
    <% end -%>
  </table>

  <%= render "shared/pagination",
             :newer_id => @newer_comments_id,
             :older_id => @older_comments_id %>
</turbo-frame>
